// @license
// Copyright 2025 The Model Explorer Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// ==============================================================================

.info {
  padding: 12px;
  color: var(--me-on-surface-low-color);
}

.container {
  padding-top: 8px;
}

.extension-container {
  padding: 12px;
  cursor: pointer;

  &:hover {
    background-color: var(--me-surface-container-high-color);
  }
}

.name-row {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  font-family: 'Google Sans Text', Arial, Helvetica, sans-serif;

  .icon-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 6px;

    mat-icon {
      position: absolute;
      font-size: 16px;
      width: 16px;
      height: 16px;

      &.running {
        font-size: 10px;
        width: 10px;
        height: 10px;
      }
    }

    mat-spinner {
      position: absolute;
    }
  }
}

.description {
  letter-spacing: normal;
  font-size: 12px;
  color: var(--me-on-surface-low-color);
  margin-left: 27px;
  line-height: 14px;
  font-family: 'Google Sans Text', Arial, Helvetica, sans-serif;
}
